@charset"utf-8";

      $fontsize:40;

@function r($px){
    @return $px/$fontsize*1rem 
}

* {
   
  margin: 0;
  padding: 0;
  list-style: none;

   }

html, body {
  height: 100%;
  width: 100%; 
  }

.web {
 background: #f3f4f6;
  background: url(../images/3.jpg) no-repeat;
  background-size:100% ;
  width: 100%;
  height: 100%;
  position: relative;
  }

header {

  width: 100%;
  height: 2.2rem;
  position: absolute;

  top: 0; }

footer {
  width: 100%;
  height: 75px;

  position: absolute;
  bottom: 0; }

section {
  width: 100%;

  top: 2.2rem;
  bottom: 68px;
  position: absolute;
  overflow-y: scroll; }


.search {
    width: r(118);
    height: r(26); 
    color: #666666;
   line-height: 1.5rem;
   font-size: r(26)
    }

.Scan_code{
    width: r(545);
    height: r(650);
    margin: 0 auto;
    margin-top: 2.15rem;
    background: red;
    .QR_code{
        width: r(269);
       
        margin: 0 auto;
   
       
        img{
              padding-top:r(52);
        margin: 0 auto;
   
           width: r(269);
        height: r(269);
        }
    }
    
    .payment{
        width: r(270);
        height: r(90);
        margin: 0 auto;
//      margin-top: r(1);
        text-align: center;
        background: yellow;
        margin-bottom: r(40);
        color:#888888;
        
        .yuan{
            padding-top: r(2);
            font-size: r(29);
        }
        .zhifu2{
            font-size: r(20);
        }
    }
    .issue{
        width: r(505);
        height: r(80);
        margin: 0 auto;
        margin-top: r(20);
        background: skyblue;
        border-radius: r(5);
        text-align: center;
        line-height: r(80);
        font-size: r(34);
        
    }
    a{
     color: white;   
    }
    
}



    
